<div class="menu">
	<div align="right" style="font-weight:bold; font-size:12px; padding-bottom:8px; color:#10498A;">
		<?php echo $this->Access->getMyRole($this->Access->getMy('group_id')).": ".$this->Access->getMy('nombre_completo');?>
	</div>
	<div class="desplegable">
		<?php  $this->Form->new_menu($this->Access->getMy('id'),$this->Access->getMy('group_id'));?>
	</div>
</div>
<div class="zonas form">
<?php echo $this->Form->create('Zona');?>
	<fieldset>
 		<legend><?php __('Editar Zona'); ?></legend>
 		<table>
 		<tr> <td><?php echo $this->Form->label("Departamento");
					   echo $this->Form->select('departamento_id',array($departamentos), $departamento_activo, array('id'=>'departamentos'), false); ?>
					<span id="carga_municipios" style="display:none;">Cargando...</span> 
			 </td>
		</tr>
		<tr>
			 <td><?php echo $this->Form->label("Municipio");
					   echo $this->Form->select('municipio_id', array($municipios), $municipio_activo, array('id'=>'municipios'), false); ?>
			 </td>
		</tr>
		</table>
 		
	<?php
		echo $this->Form->input('id');
	//	echo $this->Form->input('municipio_id');
	?>
	</fieldset>
<script>
$(function(){
	$('#departamentos').change(function(){
		$("#carga_municipios").show();
		var departamento_id = $(this).val();
		$.getJSON('http://circulos-aprendizaje.cid.org.co/municipios/get_municipios_json/'+departamento_id, function(municipios) {
	//	$.getJSON('/circulos-aprendizaje/municipios/get_municipios_json/'+departamento_id, function(municipios) {
			var opciones = "";
			for(i in municipios){
				opciones += "<option value='"+i+"'>"+municipios[i]+"</option>" + "\n";
			}
			$("#municipios").html(opciones);
			$("#carga_municipios").hide();
		});
	});
});
</script>
<?php echo $this->Form->end(__('Guardar', true));?>
</div>